extends ./../layout

block title

	meta(name="description" content="喜欢的课程可以加入购物车进行购买")
	meta(name="keywords" content="go，html，css，后端，vue，php，java，node，koa, 在线技术学习")
	link(rel="stylesheet" href="/css/home/car.css" )

block content
	.car(class="pages" data-module="car")
		.container
			if cartList.length != 0
				table.uk-table.uk-table-hover.uk-table-divider.uk-table-striped.uk-table-middle
					thead
						tr
							th 课程标题
							th 课程简介
							th 难易度
							th 课程分类
							th 价格
					tbody
						each item in cartList
							tr(class="#{item.objectId}")
								td #{item.courseTitle}
								td(uk-tooltip="#{item.courseDesc}") #{item.courseDesc.substring(0,20)}..
								td #{item.courseResource}
								td #{item.courseClass}
								td #{item.coursePrice}
								td
									button.uk-button.uk-button-default(id="#{item.objectId}" class="deleteCar") 删除
				.buyList.uk-float-right
					- var Price = 0;
					- for(var i = 0; i < cartList.length; i++)
						- Price+=cartList[i]['coursePrice']
					div.money
						| 共 #{cartList.length} 课程，
						| 总价：
						span ￥#{Price}
						| 元
					a.uk-button.uk-button-danger(href=`${payUrl}` target="_blank") 立即购买
			else
				.nocar
					svg.icon(aria-hidden='true')
						use(xlink:href='#icon-gouwuche')
					h2 购物车没有数据